@charset "utf8";
/*公共样式*/
*{
	/*字体、列表、超链接、内外边距、颜色*/
	font: 16px "微软雅黑";
	font-weight: 400;
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #8a9898;
}
/* 左右侧区域 */
header div#wrapper div ul li{
	float: left;
	height: 43px;
}
/* 左侧区域 a 浮动 */
header div#wrapper div ul li a{
	border-right: 1px solid #424242;
	line-height: 0 10px;
	
}
/* 公共部分 */
.shadow{
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.2);
}
/* 重置部分 */
/* 图片 */
/* 整体样式 */
a{ 
	text-decoration:none;
}
ul{
		list-style:none;
}
/* 第二部分 右边 */
.search{ 
	width: 294px; 
	height: 48px; 
	border: 1px solid #e0e0e0;
	float: right;
	margin-top: 18px;
}
.search .search_box{ 
	width:50px; 
	height:48px; 
	border-left:1px 
	#e0e0e0 solid; 
	float:right;
}
.search .search_box img{
	margin-left:17px; 
	margin-top:16px;
}
.search span{ 
	float:right; 
	font-size:12px; 
	color:#757575; 
	margin-top:14px; 
	margin-right:10px; 
	background-color:#eee; 
	padding:3px 5px;
}
.search span:hover{ 
	background-color:#ff6700; 
	color:#fff;
}
/* 列表项基础样式 */
	.ul_sidebar li {
	    width: 235px;           /* 与父容器同宽 */
	    height: 46px;           /* 单个列表项高度 */
	    line-height: 46px;      /* 实现垂直居中 */
	    padding-left: 30px;     /* 左侧留白 */
	    font-size: 16px;        /* 文字大小 */
	    color: #333;            /* 文字颜色 */
	    cursor: pointer;        /* 鼠标指针形状 */
	    transition: background-color 0.3s;  /* 过渡动画效果 */
}
.kidwatch p{
		background-color: transparent;
		background-image: none;
}
.kidwatch{
		width:234px; 
		height:614px; 
		float:left; 
		margin-right:14px; 
		background-image:url(../img/haraware_kid.png); 
		background-repeat:no-repeat; 
		text-align:center;
}
/* 搭配和配件与周边   绝对定位 */
div.position{
	position: absolute;
	top: 2200px;
	left: 265px;
}
/* 浮动 */
main div#mi .LOGO{
	float: left;
}
main div#mi ul li{
    margin-right:16px; 
    line-height:100px;
}
main div#mi li a{ 
	font-size:16px; 
	color:#333;
}
main div#mi li a:hover{
	color:#ff6700;
}
/* 弹出部分 */
.ul_sidebar div.out{
		width: 560px;
		height: 460px;
		background: #ffffff;
		/* border: 10px solid red; */
		/*绝对定位*/
		position: absolute;
		left: 235px;
		/* 默认隐藏 搞不定【jQuery】*/
		display: none;
		z-index: 1;
}
div.footer_container div.column_top{
	width: 250px;
	/* 前四个空间 切片 左飘 */
	float: left; 
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 75px;
	border-right: 1px solid #dddddd;
}
div.footer_container div.column_top h3{
	font-size: 18px;
	color: #424242;
	bottom: 20px;
}
div.footer_container div.column_top h3:hover{ 
	color:#ff6700;
}
/* 侧边栏容器 */
aside{
		width: 255px;
		height: 460px;
		background: #878787;
		position: absolute;
		left: 268px;
		top: 150px;
}
.sidebar {
	    width: 235px;          
	    height: 441px;          
	    background-color: #b8b8b8;  
	    padding: 10px 0;  
		position: absolute;
		left: 268px;
		top: 150px;
}
.video-box,.video{
	margin-left:auto; 
	margin-right:auto; 
	width:1226px; 
}
.video-box{ 
	padding-bottom:60px;
}
.video{
	float:left; 
	margin-bottom:19px;
	font-size:24px;
	color:#333; 
	margin-top:40px;
}
.video-box .content{ 
	width:296px; 
	height:290px;
	background-color:#fff; 
	float:left; 
	margin-right:14px; 
	text-align:center; 
	position:relative;
}
